"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
Object.defineProperty(exports, "__esModule", { value: true });
var vue_1 = require("vue");
var element_plus_1 = require("element-plus");
var icons_vue_1 = require("@element-plus/icons-vue");
// 搜索关键词
var shopName = (0, vue_1.ref)('');
// 店铺列表数据
var shopList = (0, vue_1.ref)([
    {
        name: '一平云端',
        status: '营业中',
        logo: 'https://picsum.photos/100/100?random=1',
        expireTime: '2023-12-31 00:00:00',
        package: '至尊版',
        platformTags: [
            { type: 'orange' }, // 百
            { type: 'blue' } // 淘
        ],
        stats: [
            { value: 15, label: '在售商品数(件)' },
            { value: 0, label: '会员数(人)' },
            { value: 0, label: '支付订单数(笔)' }
        ],
        collected: false
    },
    {
        name: '大雨',
        status: '营业中',
        logo: 'https://picsum.photos/100/100?random=2',
        expireTime: '2024-01-18 00:00:00',
        package: '至尊版',
        platformTags: [
            { type: 'orange' }, // 百
            { type: 'purple' } // 京
        ],
        stats: [
            { value: 7, label: '在售商品数(件)' },
            { value: 6, label: '会员数(人)' },
            { value: 1, label: '支付订单数(笔)' }
        ],
        collected: false
    },
    {
        name: '阿玛尼',
        status: '营业中',
        logo: 'https://picsum.photos/100/100?random=3',
        expireTime: '2023-11-11 00:00:00',
        package: '至尊版',
        platformTags: [
            { type: 'orange' }, // 百
            { type: 'purple' }, // 京
            { type: 'blue' } // 淘
        ],
        stats: [
            { value: 13, label: '在售商品数(件)' },
            { value: 65, label: '会员数(人)' },
            { value: 35, label: '支付订单数(笔)' }
        ],
        collected: false
    },
    {
        name: '香奈儿',
        status: '已过期',
        logo: 'https://picsum.photos/100/100?random=4',
        expireTime: '2023-10-25 00:00:00',
        package: '至尊版',
        platformTags: [
            { type: 'orange' } // 百
        ],
        stats: [
            { value: 3, label: '在售商品数(件)' },
            { value: 987, label: '会员数(人)' },
            { value: 524, label: '支付订单数(笔)' }
        ],
        collected: false
    }
]);
// 获取平台名称（用于标签提示）
var getPlatformName = function (type) {
    var map = {
        orange: '百度',
        blue: '淘宝',
        purple: '京东'
    };
    return map[type] || '';
};
// 搜索操作
var handleSearch = function () {
    element_plus_1.ElMessage.info("\u641C\u7D22\u5E97\u94FA\uFF1A".concat(shopName.value));
};
// 切换收藏
var toggleCollect = function (shop) {
    shop.collected = !shop.collected;
    element_plus_1.ElMessage.success(shop.collected ? '已收藏' : '已取消收藏');
};
debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
var __VLS_ctx = __assign(__assign({}, {}), {});
var __VLS_elements;
var __VLS_components;
var __VLS_directives;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['collected']} */ ;
/** @type {__VLS_StyleScopedClasses['star-icon']} */ ;
/** @type {__VLS_StyleScopedClasses['star-icon']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-logo']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-title']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['platform-tag']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['stat-item']} */ ;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "shop-page" }));
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "top-search" }));
var __VLS_0 = {}.ElButton;
/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
// @ts-ignore
ElButton;
// @ts-ignore
var __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0(__assign({ type: "primary" }, { class: "enter-btn" })));
var __VLS_2 = __VLS_1.apply(void 0, __spreadArray([__assign({ type: "primary" }, { class: "enter-btn" })], __VLS_functionalComponentArgsRest(__VLS_1), false));
var __VLS_4 = __VLS_3.slots.default;
var __VLS_3;
__VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)(__assign({ class: "search-label" }));
var __VLS_5 = {}.ElInput;
/** @type {[typeof __VLS_components.ElInput, typeof __VLS_components.elInput, ]} */ ;
// @ts-ignore
ElInput;
// @ts-ignore
var __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5(__assign(__assign({ 'onKeyup': {} }, { modelValue: (__VLS_ctx.shopName), placeholder: "请输入店铺名称", suffixIcon: "Search" }), { class: "search-input" })));
var __VLS_7 = __VLS_6.apply(void 0, __spreadArray([__assign(__assign({ 'onKeyup': {} }, { modelValue: (__VLS_ctx.shopName), placeholder: "请输入店铺名称", suffixIcon: "Search" }), { class: "search-input" })], __VLS_functionalComponentArgsRest(__VLS_6), false));
var __VLS_9;
var __VLS_10;
var __VLS_11 = ({ keyup: {} },
    { onKeyup: (__VLS_ctx.handleSearch) });
// @ts-ignore
[shopName, handleSearch,];
var __VLS_8;
__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "shop-card-wrapper" }));
var _loop_1 = function (shop, idx) {
    // @ts-ignore
    [shopList,];
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign(__assign({ class: "shop-card" }, { key: (idx) }), { class: ({ collected: shop.collected }) }));
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "card-header" }));
    var __VLS_13 = {}.ElTag;
    /** @type {[typeof __VLS_components.ElTag, typeof __VLS_components.elTag, typeof __VLS_components.ElTag, typeof __VLS_components.elTag, ]} */ ;
    // @ts-ignore
    ElTag;
    // @ts-ignore
    var __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13(__assign({ class: (shop.status === '营业中' ? 'status-online' : 'status-expired') }, { size: "small" })));
    var __VLS_15 = __VLS_14.apply(void 0, __spreadArray([__assign({ class: (shop.status === '营业中' ? 'status-online' : 'status-expired') }, { size: "small" })], __VLS_functionalComponentArgsRest(__VLS_14), false));
    var __VLS_17 = __VLS_16.slots.default;
    (shop.status);
    var __VLS_18 = {}.ElIcon;
    /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
    // @ts-ignore
    ElIcon;
    // @ts-ignore
    var __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18(__assign({ 'onClick': {} }, { class: "star-icon" })));
    var __VLS_20 = __VLS_19.apply(void 0, __spreadArray([__assign({ 'onClick': {} }, { class: "star-icon" })], __VLS_functionalComponentArgsRest(__VLS_19), false));
    var __VLS_22 = void 0;
    var __VLS_23 = void 0;
    var __VLS_24 = ({ click: {} },
        { onClick: function () {
                var _a = [];
                for (var _i = 0; _i < arguments.length; _i++) {
                    _a[_i] = arguments[_i];
                }
                var $event = _a[0];
                __VLS_ctx.toggleCollect(shop);
                // @ts-ignore
                [toggleCollect,];
            } });
    var __VLS_25 = __VLS_21.slots.default;
    var __VLS_26 = {}.Star;
    /** @type {[typeof __VLS_components.Star, ]} */ ;
    // @ts-ignore
    icons_vue_1.Star;
    // @ts-ignore
    var __VLS_27 = __VLS_asFunctionalComponent(__VLS_26, new __VLS_26({}));
    var __VLS_28 = __VLS_27.apply(void 0, __spreadArray([{}], __VLS_functionalComponentArgsRest(__VLS_27), false));
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "card-content" }));
    var __VLS_31 = {}.ElImage;
    /** @type {[typeof __VLS_components.ElImage, typeof __VLS_components.elImage, ]} */ ;
    // @ts-ignore
    ElImage;
    // @ts-ignore
    var __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31(__assign(__assign({ src: (shop.logo) }, { class: "shop-logo" }), { fit: "cover" })));
    var __VLS_33 = __VLS_32.apply(void 0, __spreadArray([__assign(__assign({ src: (shop.logo) }, { class: "shop-logo" }), { fit: "cover" })], __VLS_functionalComponentArgsRest(__VLS_32), false));
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "shop-info" }));
    __VLS_asFunctionalElement(__VLS_elements.h3, __VLS_elements.h3)(__assign({ class: "shop-title" }));
    (shop.name);
    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)(__assign({ class: "shop-desc" }));
    (shop.expireTime);
    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)(__assign({ class: "shop-desc" }));
    (shop.package);
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "platform-tags" }));
    for (var _c = 0, _d = __VLS_getVForSourceType((shop.platformTags)); _c < _d.length; _c++) {
        var _e = _d[_c], tag = _e[0], tIdx = _e[1];
        __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)(__assign(__assign({ key: (tIdx) }, { class: ("platform-tag tag-".concat(tag.type)) }), { title: (__VLS_ctx.getPlatformName(tag.type)) }));
        // @ts-ignore
        [getPlatformName,];
    }
    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "card-stats" }));
    for (var _f = 0, _g = __VLS_getVForSourceType((shop.stats)); _f < _g.length; _f++) {
        var _h = _g[_f], stat = _h[0], sIdx = _h[1];
        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "stat-item" }, { key: (sIdx) }));
        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "stat-value" }));
        (stat.value);
        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)(__assign({ class: "stat-label" }));
        (stat.label);
    }
};
var __VLS_16, __VLS_21;
for (var _i = 0, _a = __VLS_getVForSourceType((__VLS_ctx.shopList)); _i < _a.length; _i++) {
    var _b = _a[_i], shop = _b[0], idx = _b[1];
    _loop_1(shop, idx);
}
/** @type {__VLS_StyleScopedClasses['shop-page']} */ ;
/** @type {__VLS_StyleScopedClasses['top-search']} */ ;
/** @type {__VLS_StyleScopedClasses['enter-btn']} */ ;
/** @type {__VLS_StyleScopedClasses['search-label']} */ ;
/** @type {__VLS_StyleScopedClasses['search-input']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card-wrapper']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-card']} */ ;
/** @type {__VLS_StyleScopedClasses['collected']} */ ;
/** @type {__VLS_StyleScopedClasses['card-header']} */ ;
/** @type {__VLS_StyleScopedClasses['star-icon']} */ ;
/** @type {__VLS_StyleScopedClasses['card-content']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-logo']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-info']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-title']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-desc']} */ ;
/** @type {__VLS_StyleScopedClasses['shop-desc']} */ ;
/** @type {__VLS_StyleScopedClasses['platform-tags']} */ ;
/** @type {__VLS_StyleScopedClasses['card-stats']} */ ;
/** @type {__VLS_StyleScopedClasses['stat-item']} */ ;
/** @type {__VLS_StyleScopedClasses['stat-value']} */ ;
/** @type {__VLS_StyleScopedClasses['stat-label']} */ ;
var __VLS_export = (await Promise.resolve().then(function () { return require('vue'); })).defineComponent({});
exports.default = {};
